<script type="text/javascript">
    var GLOBALIZA = {
        creoFrecuencia: false,
        abrePretty: <?php if (isset($editar)) echo "false"; else echo "true"; ?>
    }
    var TIMESTAMP = <?php echo $timestamp; ?>;
    tinyMCE.init({
        // General options
        language:"es",
        mode : "textareas",
        theme : "advanced",
        plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",

        // Theme options
        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)
        content_css : "css/content.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_pppp_list.js",
        external_link_list_url : "lists/link_pppp_list.js",
        external_image_list_url : "lists/image_pppp_list.js",
        media_external_list_url : "lists/media_pppp_list.js",

        // Style formats
        style_formats : [
            {title : 'Bold text', inline : 'b'},
            {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
            {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
            {title : 'Example 1', inline : 'span', classes : 'example1'},
            {title : 'Example 2', inline : 'span', classes : 'example2'},
            {title : 'Table styles'},
            {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
        ],

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    });
    $(document).ready(function(){
        var encId = "<?php echo $model->ENC_ID; ?>";
        if(parseInt(encId) > 0){
            document.getElementById("Mensajes_ENC_ID").value = parseInt(encId);
            $("#Mensajes_ENC_ID").trigger("liszt:updated");
        }
        $("#divFrecuencia").dialog({
            autoOpen: false,
            width: 686,
            height: 222,
            closeText: false,
            dialogClass: 'no-close',
            hide: 'explode',
            position:'top',
            modal: true
        });
        //        asignaFrecEdicion();
    });
    function tipoEncuesta(tipo){
        if(tipo == "") return false;
        switch(tipo){
            case 'primera':
                document.getElementById("divMensajeFin").style.display = "none";
                document.getElementById("Mensajes_MENSAJEFIN").value = document.getElementById("Mensajes_MENSAJEINICIO").value; 
                break;
            default:
                document.getElementById("Mensajes_MENSAJEFIN").value = "";
                document.getElementById("divMensajeFin").style.display = "block";
                break;
        }
    }
    function cambiaFechaInicio(fecha){
        document.getElementById("Mensajes_MENSAJEFIN").value = fecha; 
    } //fin function cambiaFechaInicio(fecha){
    function cambiaFrec(frecuencia){
        document.getElementById("tipoFiltro").value = frecuencia;
        var dia = $(".FrecDereDia");
        var semana = $(".FrecDiaSemana");
        dia.css("display","none");
        semana.css("display","none");
        switch(frecuencia){
            case 'dia':
                dia.css("display","block");
                
                break;
            case 'sem':
                semana.css("display","block");
                break;
        }
    } //fin function cambiaFrec(frecuencia){
    function guardaFrec(){
        var opc = "";
        $(".opcNumero").each(function(){
            if($(this).is(":checked")) 
                opc = $(this).val();
        });
        if(opc == ""){
            alert("No ha establecido nigún filtro");
            return false;
        } 
        switch(opc){
            case 'dia':
                var dia = "";
                $(".clradioDia").each(function(){
                    if($(this).is(":checked")) 
                        dia = $(this).val();
                });
                if(dia == ""){
                    alert("Debe elegir la frecuencia diaria");
                    return false;
                }            
                var cadaDia = false;
                if(dia == "cadaDia"){
                    $('.clcadaDia').each(function(){
                        if($(this).val().match(/^\d+$/))
                            cadaDia = true;
                    }); //fin $('.clrepiteSemana').each(function(){
                    if(!cadaDia){
                        alert("Debe ingresar número veces cada día");
                        return false;
                    }
                }
                break;
            case 'sem':
                var repiteSemana = "";
                $('.clrepiteSemana').each(function(){
                    if($(this).val().match(/^\d+$/))
                        repiteSemana = $(this).val();
                }); //fin $('.clrepiteSemana').each(function(){
                if(repiteSemana == ""){
                    alert("Debe indicar la periodicidad de las semanas");
                    return false;
                }
                var elijio = false;
                $('.clDiaSemana').each(function(){
                    if($(this).is(":checked")){
                        elijio = true;
                    }
                        
                }); //fin $('.clDiaSemana').each(function(){
                if(!elijio){
                    alert("Debe elegir el día de la semana");
                    return false;
                }
                break;
        } //fin switch(opc){    
        //        $("#frmTempFrecuencia").submit();
    } //fin function guardaFrec(){
    function termino(){
        GLOBALIZA.creoFrecuencia = true;
        alert("Se ha gurdado correctamente");
    }
    function validaExistaFrecuencia(){
        if(!GLOBALIZA.creoFrecuencia)
            return confirm("No ha creado frecuencias para éste mensaje, ¿Desea continuar?");;
    }
    function asignaFrecEdicion(){    
<?php
if (isset($editar)) {
    if (count($editar) > 0) {
        ?>
                        var opc = "<?PHP echo $editar[0]["FRECUENCIATIPO"]; ?>";
                        cambiaFrec(opc);
                        $(".opcNumero").each(function(){            
                            if($(this).val() == opc){
                                $(this).attr("checked",true);
                            }
                        });
                        switch(opc){
                            case 'dia':
                                var radioDia = "<?php echo $editar[0]["FRECUENCIATODODIA"]; ?>";
                                $(".clradioDia").each(function(){
                                    if($(this).val() == radioDia) 
                                        $(this).attr("checked",true);
                                });
                                if(radioDia == 'cadaDia')
                                    $('.clcadaDia').each(function(){
                                        $(this).val(<?php echo $editar[0]["FRECUENCIADIAS"]; ?>);
                                    }); //fin $('.clcadaDia').each(function(){
                                break;
                            case 'sem':
                                $('.clDiaSemana').each(function(){
        <?php
        $dias = explode(",", $editar[0]["FRECUENCIASEMANADIAS"]);
        foreach ($dias as $dia) {
            echo "if($(this).val() == '$dia')";
            echo "$(this).attr('checked',true);";
        }
        ?>
                                }); //fin $('.clDiaSemana').each(function(){
                                $('.clrepiteSemana').each(function(){
                                    $(this).val(<?php echo $editar[0]["FRECUENCIASEMANAS"]; ?>);
                                }); //fin $('.clrepiteSemana').each(function(){
                                break;
                            } //fin switch(opc){
        <?php
    } //fin if(count($editar) > 0){
    if ($frecuencia == "Si")
        echo "GLOBALIZA.creoFrecuencia = true;";
} //fin if(isset($editar)){
?>
        } //fin function asignaFrecEdicion(){
</script>
<style type="text/css">
    .clTipFrecuencia{
        display: none;width: 100%;
    }
    .diasSemana{
        float: left;
        margin-right: 42px;
    }
    .diasSemana input{
        margin-left: 1px;
    }
    #divFrecuencia{
        display: none;
    }
    #divTitFrec{
        text-align: center;
        text-decoration: underline;
        margin-bottom: 2%;
    }
    #divFrecIzquierda{
        width: 15%;
/*        height: 100%;*/
        margin-right: 2%;
        float: left;
        padding: 1%;
    }
    #divFrecIzquierda input{
        margin-bottom: 6px;
    }
    #divFrecIzquierda div{
        margin-bottom: 3px;
    }
    #divFrecDerecha{
        width: 81%;float: left;        
    }
    #divFrecDereDia{
        padding: 1%;
    }
    #divFecDereSemana{
        padding: 1%;
    }
    #divFrecDereDia div{
        margin-bottom: 3px;
    }
    #divFecDereSemana div{
        margin-bottom: 3px;
    }
</style>
<div class="form">
    <?php
    $form = $this->beginWidget('GxActiveForm', array(
        'id' => 'mensajes-form',
        'enableAjaxValidation' => false,
        'htmlOptions' => array("onsubmit" => "return validaExistaFrecuencia()"),
            ));
    ?>
    <p class="note">
        <?php echo Yii::t('app', 'Campos con '); ?> <span class="required">*</span> <?php echo Yii::t('app', ' son requeridos'); ?>.
    </p>
    <?php echo $form->errorSummary($model); ?>
    <div class="row">
        <?php echo $form->labelEx($model, 'MENSAJEASUNTO'); ?>
        <?php echo $form->textField($model, 'MENSAJEASUNTO', array('maxlength' => 100)); ?>
        <?php echo $form->error($model, 'MENSAJEASUNTO'); ?>
    </div><!-- row -->
    <div class="row">
        <?php echo $form->labelEx($model, 'MENSAJETEXTO'); ?>
        <?php echo $form->textArea($model, 'MENSAJETEXTO'); ?>
        <?php echo $form->error($model, 'MENSAJETEXTO'); ?>
    </div><!-- row -->
    <div class="row">
        <?php
        echo $form->labelEx($model, 'ENC_ID');
        $connection = Yii::app()->db;
        $command = $connection->createCommand("select enc.ENCID,enc.ENCNOMBRE FROM ENCUESTAS enc inner join COHORTES co on co.ENC_ID = enc.ENCID ORDER BY enc.ENCNOMBRE");
        $results = $command->queryAll();
        $campo = "<select id='Mensajes_ENC_ID' name='Mensajes[ENC_ID]' class='Ccombo' value='{$model->ENC_ID}'>";
        $campo .= "<option value=''>Seleccione...</option>";
        foreach ($results as $rows) {
            $valor = array_values($rows);
            $campo .="<option value='$valor[0]'>$valor[1]</option>";
        }
        $campo .= "</select>";
        echo $campo;
        ?>
        <?php echo $form->error($model, 'ENC_ID'); ?>
    </div><!-- row -->
    <div class="row">
        <?php echo $form->labelEx($model, 'MENSAJETIPO'); ?>
        <?php echo $form->dropDownList($model, 'MENSAJETIPO', array('' => "Elija", 'primera' => "Encuesta primera vez", 'No ingresado' => "No ingresado", 'Parcial' => "Parcial"), array("onchange" => "tipoEncuesta(this.value);")); ?>
        <?php // echo $form->textField($model, 'MENSAJETIPO', array('maxlength' => 45)); ?>
        <?php echo $form->error($model, 'MENSAJETIPO'); ?>
    </div><!-- row -->
    <div class="row">
        <?php echo $form->labelEx($model, 'MENSAJEINICIO'); ?>
        <?php
        $form->widget('zii.widgets.jui.CJuiDatePicker', array(
            'model' => $model,
            'attribute' => 'MENSAJEINICIO',
            'value' => $model->MENSAJEINICIO,
            'options' => array(
                'showButtonPanel' => true,
                'changeYear' => true,
                'dateFormat' => 'dd-mm-y',
            ),
            'htmlOptions' => array('class' => 'CfechaT', 'style' => 'cursor:pointer', 'onchange' => 'cambiaFechaInicio(this.value);'),
        ));
        ?>
        <?php echo $form->error($model, 'MENSAJEINICIO'); ?>
    </div><!-- row -->
    <div class="row" id="divMensajeFin">
        <?php echo $form->labelEx($model, 'MENSAJEFIN'); ?>
        <?php
        $form->widget('zii.widgets.jui.CJuiDatePicker', array(
            'model' => $model,
            'attribute' => 'MENSAJEFIN',
            'value' => $model->MENSAJEFIN,
            'options' => array(
                'showButtonPanel' => true,
                'changeYear' => true,
                'dateFormat' => 'dd-mm-y',
            ),
            'htmlOptions' => array('class' => 'CfechaT', 'style' => 'cursor:pointer'),
        ));
        ;
        ?>
        <?php echo $form->error($model, 'MENSAJEFIN'); ?>
    </div><!-- row -->
    <div id="divAbreFrecuencia">
        <button type="button" class="buttonA" onclick="
                if(!GLOBALIZA.abrePretty){
                    asignaFrecEdicion();
                    GLOBALIZA.abrePretty = true; 
                }

                $('#divFrecuencia').dialog('open');
                ">Crear frecuencias</button> <a style="display: none;" id="anFrecuencia" href="#divFrecuencia" class="pretty_flujos">Crear Flujos</a> 
        <input type="hidden" name="tiempos" id="tiempos" value="<?php echo $timestamp; ?>" />
        <input type="hidden" name="tipoFiltro" id="tipoFiltro"  />
    </div>

    <?php
    echo GxHtml::submitButton(Yii::t('app', 'Guardar'));
    $this->endWidget();
    ?>
</div><!-- form -->
<iframe name="ifrAuxiliar" id="ifrAuxiliar" style="display: none" width="100%" href="asddasdsad" height="20%" ></iframe>
<div id="divFrecuencia" title="FRECUENCIA PARA EL MENSAJE">
    <!--    ifrAuxiliar-->
        <form id="frmTempFrecuencia" method="POST" action="<?php echo $this->createUrl("mensajes/guardaFiltro"); ?>" onsubmit="return guardaFrec();" target="ifrAuxiliar"> 
    <div id="divFrecIzquierda" style="">
        <div>Tipo de frecuencia</div>
        <input type="radio" class="opcNumero" name="opc" id="opc" onclick="cambiaFrec(this.value);" value="dia" /><label >Diaria</label><br/>
        <input type="radio" name="opc" id="opc" value="sem" class="opcNumero"  onclick="cambiaFrec(this.value);" /><label >Semanal</label>
    </div> <!-- fin divFrecIzquierda -->
    <div id="divFrecDerecha" style="">
        <div id="divFrecDereDia" class="clTipFrecuencia FrecDereDia" style="" >
            <div>Carácterisiticas frecuencia diaria</div>
            <input type="radio" id="radioDia" class="clradioDia" name="radioDia" value="cadaDia" /> <label for="dias" >Cada</label><input type="text" class="clcadaDia" size="3" name="dias" id="dias" /> <span>días</span><br/>
            <input type="radio" id="radioDia" class="clradioDia" name="radioDia" value="todosDias" /><span>Todos los días</span>
        </div> <!-- fin divFecDereDia -->
        <div id="divFecDereSemana" class="clTipFrecuencia FrecDiaSemana" >
            <div>Carácterisiticas frecuencia semanal</div>
            <label for="repiteSemana" >Repetir cada</label><input type="text" size="3" id="repiteSemana" name="repiteSemana" class="clrepiteSemana"  /> <span>semanas el:</span>
            <div id="divDiasSemana">
                <div class="diasSemana"><label for="diaDomingo">Domingo</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaDomingo" value="Domingo" /></div>
                <div class="diasSemana"><label for="diaLunes">Lunes</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaLunes" value="Lunes" /></div>
                <div class="diasSemana"><label for="diaMartes">Martes</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaMartes" value="Martes" /></div>
                <div class="diasSemana"><label for="diaMiercoles">Miércoles</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaMiercoles" value="Miercoles" /></div>
                <div class="diasSemana"><label for="diaJueves">Jueves</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaJueves" value="Jueves" /></div>
                <div class="diasSemana"><label for="diaViernes">Viernes</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaViernes" value="Viernes" /></div>
                <div class="diasSemana"><label for="diaSabado">Sábado</label><input type="checkbox" name="diasEnSemana[]" class="clDiaSemana" id="diaSabado" value="Sabado" /></div>
            </div>
        </div> <!-- fin divFecDereSemana  -->
    </div><!-- fin divFecDerecha -->
    <div style="clear: both;margin-bottom: 20px"></div>
    <button type="submit" style="clear: both" class="buttonA"  >Guardar frecuencia</button>
    <input type="hidden" name="timestamp" id="timestamp" value="<?php echo $timestamp; ?>" />
        </form>
</div> <!-- fin divFrecuencia -->
